<template>
  <Swiper
    :autoplay="true"
    :interval="3000">
    <SwiperItem v-for="banner in list" :key="banner.id">
      <img v-lazy="banner.picUrl" :alt="banner.name">
    </SwiperItem>
  </Swiper>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style lang="less" scoped>
img {
  width: 100%;
  height: 100%;
}
</style>
